<template>
	<!-- 创建调度表 -->
	<view class="content">
		<view class="createList">
			<!-- 调度类型 -->
			<view class="type">
				<view class="listSpan">
					调度类型：
				</view>
				<el-select class="select" v-model="Sched" placeholder="请填写调度类型">
					<el-option class="select" label="分仓退货" value="分仓退货"></el-option>
					<el-option class="select" label="分仓申请补货" value="分仓申请补货"></el-option>
				</el-select>
			</view>
			<!-- 选择产品 -->
			<view class="type">
				<view class="listSpan">
					选择产品：
				</view>
				<el-select style="width: 500rpx;border:" class="select" v-model="product" placeholder="请选择产品">
					<el-option class="select" label="尿不湿NB" value="尿不湿NB"></el-option>
					<el-option class="select" label="尿不湿L" value="尿不湿L"></el-option>
				</el-select>
			</view>
			<view class="type">
				<view class="listSpan">
					调度数量：
				</view>
				<u-field style="padding: 0rpx 0rpx; border: rgba(153, 153, 153, 1) solid 1px;width: 500rpx;;" 
				class="num" v-model="num" placeholder="输入数量"
				>
				</u-field>		
			</view>
		</view>
		<view class="submit" @click="submit">
			确定创建
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Sched: '',
				product: '',
				num:''
			}
		},
		methods: {
			submit(){
				uni.navigateTo({
					url:'./recordSheet'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 750rpx;
		height: auto;
		.createList {
			.type {
				width: 700rpx;
				height: auto;
				display: flex;
				margin: 30rpx auto 0 ;
				.listSpan {
					width: 200rpx;
					height: 60rpx;
					color: rgba(80, 80, 80, 1);
					font-size: 40rpx;
					line-height: 150%;
				}

				.select {
					width: 500rpx;
					height: 60rpx;
					line-height: 60rpx;

					.el-input {
						.el-input__inner {
							width: 500rpx;
						}
					}
				}
				.num {
					.u-field-inner{
						.u-label{
							flex: 0 0 -65rpx;
						}
					}
				}
			}
		}
		.submit{
			position: fixed;
			bottom: 70rpx;
			left:300rpx;
			width:152rpx;
			height: 56rpx;
			color: rgba(255, 255, 255, 1);
			background-color: rgba(204, 204, 204, 1);
			border-radius: 28rpx;
			font-size: 24rpx;
			line-height:  56rpx;
			text-align: center;	
		}
	}
	ul {
		li {
			background-color: rgba(255, 255, 255, 1);
			width: 500rpx;
			height: 60rpx;
			font-size: 28rpx;
			line-height: 60rpx;
		}
	}
</style>
